<template>
  <div class="app">
    <UserInfo
      :username="username"
      :age="age"
      :isSingle="isSingle"
      :car="car"
      :hobby="hobby"
    >
    </UserInfo>
  </div>
</template>

<script>
import UserInfo from "./components/UserInfo.vue";
export default {
  data() {
    return {
      username: "小帅",
      age: 28,
      isSingle: true,
      car: {
        brand: "奔驰",
      },
      hobby: ["篮球", "足球", "羽毛球"],
    };
  },
  components: {
    UserInfo,
  },
};
</script>

<style>
</style>